@import "pipei";
body {
    background: #f0f0f0;
    position: relative;
    width: 100%;
}

.home_te {
    width: 100%;
    height: auto;
}

#hong_banera {
    width: 100%;
    height: 100%;
}

#box {
    position: relative;
    header {
        opacity: 0.6;
        height: 0.67rem;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        div {
            width: 100%;
            height: 100%;
            div {
                width: 80%;
                height: 80%;
                overflow: hidden;
                float: left;
                margin-top: 1%;
                margin-left: 5%;
                border-radius: 0.1rem;
                overflow: hidden;
                a {
                    display: block;
                    width: 15%;
                    height: 100%;
                    text-align: center;
                    line-height: 0.6rem;
                    background: #e6e6e6;
                    &.hdl_btn {
                        font-size: 0.4rem;
                        color: #ccc;
                    }
                }
                input {
                    display: block;
                    float: left;
                    border: none;
                    height: 100%;
                    width: 85%;
                    outline: none;
                    background: #e6e6e6;
                    font-size: 0.3rem;
                }
            }
            a {
                display: block;
                float: left;
                width: 15%;
                height: 100%;
                text-align: center;
                line-height: 0.6rem;
                &.hdr_btn {
                    font-size: 0.4rem;
                    color: #fff;
                }
            }
        }
    }
    .swiper-container1 {
        swiper-wrapper {
            height: 3.4rem;
        }
    }
    nav {
        width: 100%;
        height: 3.4rem;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        margin-top: -0.3rem;
        background: white;
        a {
            display: block;
            width: 20%;
            height: 50%;
            span {
                display: block;
                width: 0.7rem;
                height: 0.7rem;
                border-radius: 50%;
                text-align: center;
                line-height: 0.7rem;
                margin: 0.25rem auto;
                &.nav_a_btn {
                    font-size: 0.4rem;
                    color: white;
                }
            }
            p {
                font-size: 0.22rem;
                text-align: center;
                line-height: 0.3rem;
            }
        }
    }
    .home_banner2 {
        height: 1.04rem;
        width: 100%;
        margin-top: 0.1rem;
        background: white;
        img {
            display: block;
            float: left;
            width: 1.1rem;
            height: 1.04rem;
        }
        .swiper-container2 {
            height: 1.04rem;
            overflow: hidden;
            .swiper-wrapper {
                width: 5rem;
                height: 1.04rem;
                float: left;
                a {
                    p {
                        font-size: 0.26rem;
                        line-height: 0.5rem;
                        width: 100%;
                        overflow: hidden;
                        height: 0.5rem;
                    }
                }
            }
        }
    }
    .home_goodlist {
        width: 100%;
        clear: both;
        overflow: hidden;
        margin-bottom: 0.2rem;
        h3 {
            font-size: 0.24rem;
            line-height: 0.24rem;
            height: 0.24rem;
            span {
                display: block;
                width: 0.1rem;
                height: 100%;
                background: red;
                margin-right: 0.1rem;
                margin-left: 0.2rem;
                float: left;
            }
        }
        section {
            width: 3rem;
            height: 4rem;
            float: left;
            background: white;
            margin-left: 0.13rem;
            overflow: hidden;
            margin-top: 0.14rem;
            border-radius: 0.14rem;
            a {
                display: block;
                width: 3rem;
                height: 3rem;
                img {
                    width: 3rem;
                    height: 2.9rem;
                }
            }
            p {
                height: 0.47rem;
                line-height: 0.25rem;
                font-size: 0.2rem;
                overflow: hidden;
                padding: 0.05rem 0.1rem;
            }
            h3 {
                font-size: 0.2rem;
                color: #db4353;
                box-sizing: border-box;
                padding: 0 0.1rem;
                line-height: 0.36rem;
                height: 0.49rem;
                border-top: 1px solid #CCCCCC;
            }
        }
    }
    .home_bom_footer_top {
        overflow: hidden;
        margin-bottom: 1rem;
        &.isme_10 {
            margin-top: 0.2rem;
        }
        .home_bom_btn {
            width: 100%;
            height: 0.7rem;
            background: white;
            a {
                display: block;
                width: 25%;
                box-sizing: border-box;
                border-right: 1px solid #CCCCCC;
                height: 0.3rem;
                margin-top: 0.2rem;
                float: left;
                text-align: center;
                line-height: 0.3rem;
                font-size: 0.26rem;
            }
        }
        section {
            width: 100%;
            height: 1.15rem;
            overflow: hidden;
            box-sizing: border-box;
            background: white;
            margin-top: 0.04rem;
            display: flex;
            justify-content: space-around;
            padding: 0.1rem 0 0.5rem;
            border-bottom: 0.02rem solid #CCCCCC;
            a {
                display: block;
                width: 2rem;
                height: 1.15rem;
                span {
                    display: block;
                    width: 0.5rem;
                    height: 0.5rem;
                    line-height: 0.5rem;
                    text-align: center;
                    margin: 0 auto;
                    &.home_gooer_top_btn {
                        font-size: 0.5rem;
                        color: #111;
                    }
                }
                p {
                    font-size: 0.24rem;
                    text-align: center;
                    color: #333333;
                }
                &:first-child {
                    display: flex;
                    flex-direction: column;
                }
            }
        }
    }
    .xiao_h_j {
        position: fixed;
        bottom: 1.1rem;
        right: 0.15rem;
        width: 0.7rem;
        height: 0.7rem;
        border: 1px solid #CCCCCC;
        text-align: center;
        line-height: 0.7rem;
        font-size: 0.5rem;
        border-radius: 50%;
        display: none;
        background: white;
        color: #666;
        opacity: 0.8;
    }
    .footer_home_bom {
        width: 100%;
        height: 1rem;
        background: white;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
        border-top: 0.01rem solid #CCCCCC;
        a {
            display: block;
            height: 100%;
            width: 20%;
            float: left;
            text-align: center;
            span {
                display: block;
                height: 0.4rem;
                margin-top: 0.2rem;
                &.footer_home_btn {
                    font-size: 0.35rem;
                    color: black;
                    line-height: 0.4rem;
                    color: #444;
                }
            }
            p {
                font-size: 0.2rem;
                text-align: center;
                line-height: 0.4rem;
            }
        }
    }
    /*分类页面的布局*/
    .fenlei_header_div {
        width: 100%;
        height: 100%;
        background: #CCCCCC;
        overflow: hidden;
        .home_fs_btn {
            width: 5%;
            text-align: right;
            line-height: 0.76rem;
            color: black;
            font-size: 0.4rem;
            margin-left: 2%;
        }
        div {
            width: 75%;
            height: 80%;
            overflow: hidden;
            float: left;
            margin-top: 1%;
            margin-left: 2%;
            border-radius: 0.1rem;
            overflow: hidden;
            box-shadow: 0.02rem 0.02rem 0.02rem #000000;
            background: white;
            a {
                display: block;
                width: 15%;
                height: 100%;
                text-align: center;
                line-height: 0.6rem;
                background: #e6e6e6;
                &.fdl_btn {
                    font-size: 0.4rem;
                    color: #000;
                    background: white;
                }
            }
            input {
                display: block;
                float: left;
                border: none;
                height: 0.6rem;
                width: 85%;
                outline: none;
                background: white;
                font-size: 0.3rem;
            }
        }
        a {
            display: block;
            float: left;
            width: 15%;
            height: 100%;
            text-align: center;
            line-height: 0.6rem;
            &.fdr_btn {
                font-size: 0.4rem;
                color: #000;
            }
        }
    }
    .fl_class {
        height: 100%;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding-top: 0.67rem;
        overflow: hidden;
        section {
            height: 100%;
            width: 1.4rem;
            padding: 0 0.17rem;
            float: left;
            background: #f5f5f5;
            box-sizing: border-box;
            .fl_class_top {
                display: block;
                width: 100%;
                height: 0.92rem;
                border-bottom: 0.02rem solid red;
                font-size: 0.22rem;
                text-align: center;
                .fl_class_top_icon {
                    display: block;
                    font-size: 0.5rem;
                    color: red;
                    width: 100%;
                    text-align: center;
                    line-height: 0.6rem;
                    margin-top: 0.05rem;
                }
            }
            div {
                .fl_class_bom {
                    display: block;
                    width: 100%;
                    height: 0.82rem;
                    border-bottom: 0.01rem solid #CCCCCC;
                    font-size: 0.22rem;
                    text-align: center;
                }
                .fl_class_bom_icon {
                    display: block;
                    font-size: 0.3rem;
                    color: #222;
                    width: 100%;
                    text-align: center;
                    line-height: 0.5rem;
                    margin-top: 0.05rem;
                }
            }
        }
        .fl_class_r {
            height: 100%;
            float: left;
            width: 4.96rem;
            overflow: hidden;
            ul {
                &:after {
                    content: "";
                    display: block;
                    clear: both;
                }
            }
            a {
                display: block;
                width: 1.46rem;
                height: 1.46rem;
                float: left;
                margin: 0.1rem 0 0 0.1rem;
                background: white;
                p {
                    font-size: 0.24rem;
                    text-align: center;
                }
                img {
                    width: 1.1rem;
                    height: 0.4rem;
                    margin: 0.4rem auto 0.1rem;
                    display: block;
                }
            }
        }
    }
    /*客服页面*/
    .ku_heder {
        width: 100%;
        height: 0.67rem;
        background: #f8f8f8;
        position: relative;
        font-size: 0.28rem;
        text-align: center;
        line-height: 0.67rem;
        .ku_header_btn {
            display: block;
            width: 0.67rem;
            height: 0.67rem;
            text-align: center;
            line-height: 0.67rem;
            font-size: 0.4rem;
            position: absolute;
            top: 0;
            left: 0.1rem;
        }
    }
    .ku_xinxi {
        width: 100%;
        box-sizing: border-box;
        padding: 0.6rem 0 0 0.4rem;
        p {
            font-size: 0.38rem;
            line-height: 0.8rem;
            span {
                color: blue;
            }
        }
        img {
            width: 1.9rem;
            height: 2.5rem;
            margin-top: 0.2rem;
        }
    }
    /*详情页*/
    .goods_header_one {
        display: none;
        width: 100%;
        height: 0.67rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        .goods_header_btn_l {
            display: block;
            width: 0.53rem;
            height: 0.53rem;
            border: 2px solid #ccc;
            float: left;
            border-radius: 50%;
            text-align: center;
            line-height: 0.57rem;
            font-size: 0.3rem;
            margin-left: 0.15rem;
            color: red;
            margin-top: 0.1rem;
            &.ismi_icon_l {
                border: none;
                color: #FFFFFF;
            }
        }
        .goods_header_btn_r {
            display: block;
            width: 0.53rem;
            height: 0.53rem;
            border: 2px solid #ccc;
            float: right;
            border-radius: 50%;
            text-align: center;
            line-height: 0.57rem;
            font-size: 0.3rem;
            margin-right: 0.15rem;
            color: red;
            margin-top: 0.1rem;
            &.ismi_icon_r {
                border: none;
                color: #FFFFFF;
            }
        }
    }
    .goods_header_two {
        width: 100%;
        height: 0.77rem;
        background: #f8f8f8;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        text-align: center;
        display: flex;
        justify-content: center;
        .goods_header_btn_l2 {
            display: block;
            text-align: center;
            line-height: 0.77rem;
            font-size: 0.4rem;
            position: absolute;
            top: 0;
            left: 0.15rem;
            color: black;
        }
        .goods_header_btn_r2 {
            display: block;
            text-align: center;
            line-height: 0.77rem;
            font-size: 0.4rem;
            position: absolute;
            top: 0;
            right: 0.15rem;
            color: #000000;
        }
        .goods_hd_btn_ct {
            display: block;
            width: 0.9rem;
            height: 0.75rem;
            font-size: 0.32rem;
            line-height: 0.77rem;
            text-align: center;
            float: left;
            &.active {
                border-bottom: 0.02rem solid red;
            }
            &.isme_hder_btn {
                width: 2rem;
            }
        }
    }
    .swiper-container3 {
        z-index: 1;
        overflow: hidden;
        .swiper-wrapper {
            width: 100%;
            height: 6rem;
        }
    }
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        top: 4.5rem;
        /* left: 0; */
        width: 100%;
        display: none;
        /* display: none; */
    }
    .goods_pj_top1 {
        width: 100%;
        background: white;
        border-top: 1px solid #CCCCCC;
        .goods_pj_top {
            height: 2rem;
            h3 {
                overflow: hidden;
                height: 0.64rem;
                line-height: 0.64rem;
                font-size: 0.24rem;
                font-weight: 300;
                border-bottom: 1px solid #f3f3f3;
                box-sizing: border-box;
                padding: 0 0.15rem;
                font-weight: 400;
            }
            p {
                height: 0.54rem;
                width: 100%;
                line-height: 0.54rem;
                border-bottom: 1px solid #f3f3f3;
                span {
                    &:first-child {
                        color: red;
                        float: left;
                        display: block;
                        margin-left: 0.2rem;
                        line-height: 0.54rem;
                        font-size: 0.32rem;
                    }
                    &:last-child {
                        font-size: 0.24rem;
                        line-height: 0.54rem;
                        float: right;
                        margin-right: 0.1rem;
                        display: block;
                        color: #000000;
                        b {
                            font-weight: 100;
                        }
                    }
                }
            }
            section {
                width: 100%;
                margin-top: 0.2rem;
                overflow: hidden;
                div {
                    float: left;
                    a {
                        display: block;
                        width: 0.5rem;
                        height: 0.35rem;
                        text-align: center;
                        line-height: 0.35rem;
                        margin-top: 0.1rem;
                        margin-left: 0.2rem;
                        font-size: 0.2rem;
                        float: left;
                        &.aactive {
                            border: 1px solid #CCCCCC;
                        }
                    }
                }
                .goods_pj_btn_r {
                    display: block;
                    line-height: 0.5rem;
                    float: right;
                    font-size: 0.3rem;
                    margin-right: 0.15rem;
                }
            }
        }
        .goods_name_list {
            width: 100%;
            background: white;
            overflow: hidden;
            .goods_name_list_top {
                width: 100%;
                height: 0.7rem;
                font-size: 0.24rem;
                line-height: 0.7rem;
                box-sizing: border-box;
                padding-left: 0.15rem;
                p {
                    float: right;
                    font-size: 0.22rem;
                    line-height: 0.7rem;
                    color: red;
                    &:after {
                        display: block;
                        content: "";
                        clear: both;
                    }
                    .caca_btn {
                        font-size: 0.3rem;
                        line-height: 0.7rem;
                        margin: 0 0.15rem;
                    }
                }
            }
        }
        .bengkuile {
            width: 100%;
            height: 1rem;
            .wx {
                width: 100%;
                height: 0.5rem;
                background: white;
                font-size: 0.3rem;
                line-height: 0.5rem;
                padding: 0 0.15rem;
                border-top: 0.01rem solid #CCCCCC;
                box-sizing: border-box;
                .tt_btn {
                    font-size: 0.25rem;
                    color: red;
                    line-height: 0.5rem;
                    float: left;
                }
                p {
                    float: right;
                    font-size: 0.2rem;
                    span {
                        margin-right: 0.15rem;
                    }
                }
            }
            .goods_pl_le {
                font-size: 0.24rem;
                line-height: 0.5rem;
                clear: both;
                font-weight: 300;
            }
        }
        #ajax_html {
            font-size: 0.4rem;
            line-height: 0.6rem;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .goods_tuite {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding-bottom: 0.78rem;
        h3 {
            width: 100%;
            font-size: 0.24rem;
            line-height: 0.4rem;
        }
        a {
            display: block;
            width: 25%;
            margin-top: 0.2rem;
            img {
                width: 0.8rem;
                height: 0.8rem;
                margin: 0 auto;
                display: block;
            }
            p {
                font-size: 0.2rem;
                height: 0.3rem;
                overflow: hidden;
                line-height: 0.3rem;
                text-align: center;
            }
            div {
                font-size: 0.2rem;
                height: 0.3rem;
                overflow: hidden;
                line-height: 0.3rem;
                text-align: center;
                color: red;
            }
        }
    }
    .goods_flex_div {
        display: none;
        width: 1.25rem;
        height: 2.45rem;
        background: rgba(85, 85, 85, 0.55);
        position: fixed;
        right: 0.1rem;
        top: 1rem;
        z-index: 11;
        border-radius: 0.06rem;
        padding: 0 0.1rem;
        overflow: hidden;
        a {
            width: 90%;
            margin: 0 auto;
            display: block;
            height: 0.48rem;
            border-bottom: 1px solid #CCCCCC;
            span {
                float: left;
                font-size: 0.14rem;
                color: white;
                line-height: 0.48rem;
            }
            .goods_flex_div_btn {
                font-size: 0.2rem;
                line-height: 0.48rem;
                color: white;
                float: left;
                margin-right: 0.1rem;
            }
        }
    }
    #sanjiao {
        display: block;
        width: 0;
        height: 0;
        border: 0.18rem solid rgba(255, 255, 255, 0);
        border-bottom: 0.18rem solid rgba(85, 85, 85, 0.55);
        position: fixed;
        right: 0.3rem;
        top: 0.65rem;
        z-index: 10;
        display: none;
    }
    .goods_footer {
        height: 0.77rem;
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        left: 0;
        border-top: 0.01rem solid #CCCCCC;
        z-index: 15;
        .goods_footer_btn {
            float: left;
            display: block;
            width: 12%;
            height: 0.77rem;
            z-index: 20;
        }
        .goods_footer_btn_l {
            font-size: 0.3rem;
            line-height: 0.4rem;
            color: #444;
            text-align: center;
            display: block;
            height: 0.4rem;
            margin-top: 0.07rem;
        }
        p {
            font-size: 0.24rem;
            line-height: 0.3rem;
            color: #444;
            text-align: center;
        }
        .goods_footer_btn1 {
            width: 26%;
            height: 0.77rem;
            line-height: 0.77rem;
            font-size: 0.24rem;
            text-align: center;
            color: white;
            font-weight: 400;
            float: left;
        }
        .goods_footer_btn1l {
            background: #ed5564;
        }
        .goods_footer_btn1r {
            background: #fb6e52;
        }
    }
    /*  搜索页面的布局*/
    .ss_header_div {
        width: 100%;
        height: 100%;
        background: #f8f8f8;
        overflow: hidden;
        .home_fs_btn {
            width: 5%;
            text-align: right;
            line-height: 0.76rem;
            color: black;
            font-size: 0.4rem;
            margin-left: 2%;
        }
        div {
            width: 75%;
            overflow: hidden;
            float: left;
            margin-top: 1%;
            margin-left: 2%;
            border-radius: 0.1rem;
            overflow: hidden;
            box-shadow: 0rem 0.01rem 0.01rem #000000;
            background: white;
            a {
                display: block;
                width: 15%;
                height: 100%;
                text-align: center;
                line-height: 0.6rem;
                background: #e6e6e6;
                &.fdl_btn {
                    font-size: 0.34rem;
                    color: #000;
                    background: white;
                }
            }
            input {
                display: block;
                float: left;
                border: none;
                height: 0.5rem;
                width: 85%;
                outline: none;
                background: white;
                font-size: 0.24rem;
            }
        }
        a {
            display: block;
            float: left;
            width: 15%;
            height: 100%;
            text-align: center;
            line-height: 0.7rem;
            &.ss_r_btn {
                font-size: 0.24rem;
            }
        }
    }
    .sousuo_tui_top {
        width: 100%;
        background: #f5f5f5;
        height: 2.5rem;
        box-sizing: border-box;
        padding: 0.4rem 0.15rem 0 0.15rem;
        line-height: 0.3rem;
        h3 {
            font-size: 0.26rem;
            font-weight: 300;
        }
        a {
            background: white;
            height: 0.5rem;
            font-size: 0.24rem;
            line-height: 0.5rem;
            text-align: center;
            border: 0.01rem solid #ccc;
            border-radius: 0.3rem;
            padding: 0rem 0.2rem;
            margin-right: 0.1rem;
            display: inline-block;
        }
    }
    .sousuo_tui_bom {
        width: 100%;
        background: #f5f5f5;
        height: 2.5rem;
        box-sizing: border-box;
        padding: 0.4rem 0.15rem 0 0.15rem;
        line-height: 0.3rem;
        h3 {
            font-size: 0.26rem;
            font-weight: 300;
        }
        a {
            background: white;
            height: 0.5rem;
            font-size: 0.24rem;
            line-height: 0.5rem;
            text-align: center;
            border: 0.01rem solid #ccc;
            border-radius: 0.3rem;
            padding: 0rem 0.2rem;
            margin-right: 0.1rem;
            display: inline-block;
        }
        span {
            width: 60%;
            display: block;
            height: 0.6rem;
            margin: 0 auto;
            text-align: center;
            line-height: 0.6rem;
            font-size: 0.3rem;
            border: 0.01rem solid #CCCCCC;
            margin-top: 0.2rem;
        }
    }
    /*商品列表页面*/
    #list_div_der {
        width: 70%;
    }
    #list_fs_btn {
        width: 9%;
        font-size: 0.4rem;
        height: 0.7rem;
    }
    .list_hedar_bom {
        position: fixed;
        top: 0.76rem;
        left: 0;
        width: 100%;
        height: 0.77rem;
        background: white;
        display: flex;
        top: 0.76rem;
        opacity: 0.8;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        border-top: 0.01rem solid #000000;
        div {
            width: 90%;
            height: 100%;
            display: flex;
            justify-content: space-around;
            a {
                font-size: 0.24rem;
                line-height: 0.77rem;
                color: #444;
                &.activered {
                    color: red;
                }
                .list_heder_btnl {
                    line-height: 0.77rem;
                    font-size: 0.3rem;
                }
            }
        }
        span {
            display: block;
            width: 13%;
            height: 0.77rem;
            border-left: 0.01rem solid #CCCCCC;
            &.list_heda_bian {
                line-height: 0.77rem;
                font-size: 0.5rem;
                text-align: center;
            }
        }
        .list_pai {
            background: white;
            opacity: 1;
            position: fixed;
            top: 1.54rem;
            height: 1.64rem;
            left: 5%;
            clear: both;
            display: block;
            display: none;
            div {
                width: 100%;
                height: 0.4rem;
                overflow: hidden;
                clear: both;
                border-bottom: 0.01rem solid #CCCCCC;
                justify-content: space-between;
                &.avtive {
                    color: red;
                }
                b {
                    border: none;
                    font-size: 0.24rem;
                    line-height: 0.4rem;
                    font-weight: 100;
                }
                .list_pai_icon {
                    line-height: 0.4rem;
                    font-size: 0.3rem;
                    font-weight: 100;
                }
            }
        }
    }
    .list_goods_one {
        width: 100%;
        padding: 1.56rem 0 0.77rem 0;
        overflow: hidden;
        a {
            display: block;
            width: 100%;
            height: 1.4rem;
            box-sizing: border-box;
            border-bottom: 1px solid #bbb;
            padding: 0.1rem 0 0.1rem 0.3rem;
            background: #FFFFFF;
            img {
                display: block;
                float: left;
                width: 1.2rem;
                height: 1.2rem;
                margin-right: 0.2rem;
            }
            div {
                float: left;
                width: 70%;
                h1 {
                    clear: both;
                    font-size: 0.22rem;
                    height: 0.32rem;
                    overflow: hidden;
                    font-weight: 400;
                    margin-bottom: 0.2rem;
                }
                h2 {
                    font-size: 0.26rem;
                    color: red;
                    height: 0.26rem;
                    margin-bottom: 0.1rem;
                }
                h3 {
                    font-size: 0.2rem;
                    line-height: 0.3rem;
                    color: #CCCCCC;
                    b {
                        color: black;
                        margin-left: 0.1rem;
                    }
                }
            }
        }
    }
    .list_goods_two {
        width: 100%;
        padding: 1.56rem 0 0.77rem 0;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        a {
            display: block;
            width: 48%;
            height: 4rem;
            box-sizing: border-box;
            padding: 0.15rem;
            background: white;
            margin-bottom: 0.15rem;
            img {
                width: 100%;
                height: auto;
                display: block;
            }
            div {
                h1 {
                    font-size: 0.2rem;
                    height: 0.32rem;
                    overflow: hidden;
                    font-weight: 400;
                }
                h2 {
                    font-size: 0.2rem;
                    color: red;
                    height: 0.26rem;
                    margin-bottom: 0.1rem;
                }
                h3 {
                    font-size: 0.16rem;
                    line-height: 0.3rem;
                    color: #CCCCCC;
                    b {
                        color: black;
                        margin-left: 0.1rem;
                    }
                }
            }
        }
    }
    /*注册页面*/
    .regis_head {
        .regis_top {
            width: 100%;
            height: 0.8rem;
            background: #f8f8f8;
            border-bottom: 0.01rem solid #ccc;
            box-sizing: border-box;
            padding: 0 0.2rem;
            display: flex;
            justify-content: space-between;
            .regis_top_btnl {
                line-height: 0.8rem;
                font-size: 0.3rem;
            }
            p {
                line-height: 0.8rem;
                font-size: 0.3rem;
            }
            .regis_top_btnr {
                line-height: 0.8rem;
                font-size: 0.25rem;
                color: red;
            }
        }
        .regis_bom {
            width: 100%;
            height: 0.78rem;
            background: #FFFFFF;
            padding: 0 1rem;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            line-height: 0.8rem;
            a {
                height: 0.78rem;
                display: block;
                &.active {
                    border-bottom: 0.02rem solid red;
                    color: red;
                }
            }
        }
    }
    /*普通用户注册*/
    .pt_user_cls {
        width: 100%;
        overflow: hidden;
        margin-top: 0.2rem;
        box-sizing: border-box;
        padding: 0 0.15rem;
        background: white;
        section {
            width: 100%;
            height: 0.73rem;
            border-bottom: 0.01rem #CCCCCC solid;
            clear: both;
            span {
                width: 1.4rem;
                height: 0.72rem;
                float: left;
                display: block;
                text-align: center;
                line-height: 0.72rem;
                font-size: 0.22rem;
            }
            input {
                border: none;
                display: block;
                float: left;
                width: 3rem;
                height: 0.6.9rem;
                padding-left: 0.2rem;
                line-height: 0.69rem;
                font-size: 0.24rem;
                outline: none;
            }
            b {
                float: right;
                font-size: 0.3rem;
                line-height: 0.3rem;
                display: block;
                width: 0.3rem;
                height: 0.3rem;
                border-radius: 50%;
                background: #ccc;
                text-align: center;
                margin-top: 0.21rem;
                margin-right: 0.15rem;
                color: white;
                display: none;
            }
        }
    }
    .user_xieyi {
        width: 100%;
        height: 1.04rem;
        box-sizing: border-box;
        padding-left: 0.4rem;
        line-height: 1.04rem;
        font-size: 0.2rem;
        background: #f0f0f0;
        span {
            display: inline-block;
            width: 0.3rem;
            height: 0.3rem;
            border-radius: 50%;
            color: white;
            text-align: center;
            line-height: 0.3rem;
            background: green;
            margin: 0.37rem 0.15rem;
        }
        a {
            color: blue;
            margin-left: 0.15rem;
            line-height: 1.04rem;
        }
    }
    .pt_sub {
        width: 70%;
        height: 0.7rem;
        text-align: center;
        line-height: 0.7rem;
        display: block;
        margin: 0 auto;
        font-size: 0.26rem;
        color: #444;
    }
    .one_ti {
        width: 50%;
        padding: 0.3rem;
        border: 0.01rem solid #000000;
        position: fixed;
        top: 50%;
        left: 22%;
        background: #FFFFFF;
        z-index: 10%;
        text-align: center;
        line-height: 0.3rem;
        font-size: 0.3rem;
        display: none;
    }
    /*vip用户注册*/
    .vip_user {
        width: 100%;
        overflow: hidden;
        margin-top: 0.2rem;
        box-sizing: border-box;
        padding: 0 0.15rem;
        background: white;
        section {
            width: 100%;
            height: 0.73rem;
            border-bottom: 0.01rem #CCCCCC solid;
            clear: both;
            span {
                width: 1.4rem;
                height: 0.72rem;
                float: left;
                display: block;
                text-align: center;
                line-height: 0.72rem;
                font-size: 0.22rem;
            }
            input {
                border: none;
                display: block;
                float: left;
                width: 3rem;
                height: 0.6.9rem;
                padding-left: 0.2rem;
                line-height: 0.69rem;
                font-size: 0.24rem;
                outline: none;
            }
            b {
                float: right;
                font-size: 0.3rem;
                line-height: 0.3rem;
                display: block;
                width: 0.3rem;
                height: 0.3rem;
                border-radius: 50%;
                background: #ccc;
                text-align: center;
                margin-top: 0.21rem;
                margin-right: 0.15rem;
                color: white;
                display: none;
            }
        }
    }
    /*登录页面*/
    .sign_user {
        .regis_top {
            width: 100%;
            height: 0.8rem;
            background: #f8f8f8;
            border-bottom: 0.01rem solid #ccc;
            box-sizing: border-box;
            padding: 0 0.2rem;
            display: flex;
            justify-content: space-between;
            .regis_top_btnl {
                line-height: 0.8rem;
                font-size: 0.3rem;
            }
            p {
                line-height: 0.8rem;
                font-size: 0.3rem;
            }
            .regis_top_btnr {
                line-height: 0.8rem;
                font-size: 0.25rem;
                color: red;
            }
        }
        .qq {
            width: 100%;
            height: 2rem;
            background: white;
            margin-top: 0.2rem;
            h1,
            h2 {
                width: 90%;
                border-bottom: 0.01rem #CCCCCC solid;
                position: fixed;
                z-index: 1;
            }
            h1 {
                top: 1.5rem;
                left: 5%;
            }
            h2 {
                top: 2.5rem;
                left: 5%;
            }
            p,
            div {
                font-size: 0.23rem;
                width: 40%;
                text-align: center;
                line-height: 0.4rem;
                z-index: 10;
                position: fixed;
                background: #fff;
            }
            p {
                top: 1.3rem;
                left: 30%;
            }
            div {
                top: 2.3rem;
                left: 30%;
            }
            .qq_aa {
                margin: 0 auto;
                display: block;
                width: 30%;
                height: 100%;
                text-align: center;
                line-height: 2rem;
                font-size: 0.4rem;
            }
        }
    }
    #wj_mi {
        margin-left: 2rem;
    }
    /*个人主页的动画头部*/
    .an_isme_top {
        width: 100%;
        height: 4.2rem;
        animation: changeBg 20s infinite;
        background: url(../../dist/images/member_top_bg.png);
        background-size: cover;
        text-align: center;
        position: relative;
        z-index: 1;
        background-color: #ED5564;
        section {
            width: 50%;
            height: 50%;
            position: absolute;
            top: 20%;
            left: 25%;
            -webkit-animation: memberInfoDown 1000ms ease-in;
            img {
                display: block;
                border-radius: 50%;
                height: 1.7rem;
                height: 1.7rem;
                margin: 0rem auto;
            }
            p {
                text-align: center;
                line-height: 0.34rem;
                font-size: 0.34rem;
                color: white;
                margin-top: 0.15rem;
                position: relative;
                span {
                    position: absolute;
                    font-size: 0.14rem;
                    background: red;
                    color: white;
                    top: -0.1rem;
                    right: 28%;
                    padding: 0 0.03rem;
                    border-radius: 0.1rem;
                }
            }
        }
        .qian_isme {
            padding: 0.28rem 0.28rem;
            border: 1px solid #CCCCCC;
            font-size: 0.32rem;
            color: white;
            background-color: rgba(121, 1, 1, 0.5);
            border-radius: 20px 0 0 20px;
            position: absolute;
            right: 0;
            top: 50%;
        }
        .an_isme_bom {
            width: 100%;
            height: 1rem;
            background: rgba(0, 0, 0, 0.1);
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            box-sizing: border-box;
            padding: 0.15rem 0.3rem;
            display: flex;
            justify-content: space-between;
            p {
                font-size: 0.2rem;
                color: white;
                display: flex;
                flex-direction: column;
                b {
                    font-size: 0.3rem;
                    line-height: 0.4rem;
                }
            }
        }
    }
    @keyframes memberInfoDown {
        0% {
            top: -70%;
        }
        nctouch_member.css:104 30% {
            top: -30%;
        }
        nctouch_member.css:105 75% {
            top: 55%;
        }
        nctouch_member.css:106 85% {
            top: 67%;
        }
        nctouch_member.css:107 95% {
            top: 52%;
        }
        nctouch_member.css:108 100% {
            top: 30%;
        }
    }
    @keyframes changeBg {
        0% {
            background-color: #ED5564;
        }
        10% {
            background-color: #FB6E52;
        }
        20% {
            background-color: #FFCE55;
        }
        30% {
            background-color: #A0D468;
        }
        40% {
            background-color: #48CFAE;
        }
        50% {
            background-color: #4FC0E8;
        }
        60% {
            background-color: #5D9CEC;
        }
        70% {
            background-color: #AC92ED;
        }
        80% {
            background-color: #EC87BF;
        }
        90% {
            background-color: #ED5564;
        }
    }
    .isme_goods {
        width: 100%;
        box-sizing: border-box;
        padding: 0 0.15rem;
        background: white;
        height: 2rem;
        margin-top: 0.2rem;
        &.isme_9 {
            height: 0.75rem;
            margin-top: 0;
        }
        &.isme_8 {
            margin-bottom: 0.2rem;
        }
        h3 {
            width: 100%;
            height: 0.74rem;
            border-bottom: 1px solid #CCCCCC;
            display: flex;
            justify-content: space-between;
            div {
                font-size: 0.24rem;
                color: #aaa;
                font-weight: 100;
                line-height: 0.74rem;
                .h3_btn_top {
                    font-size: 0.24rem;
                    color: #007AFF;
                    line-height: 0.74rem;
                    margin: 0 0.15rem;
                }
            }
        }
        section {
            display: flex;
            justify-content: space-between;
            &.isme_7 {
                width: 70%;
            }
            p {
                display: block;
                font-size: 0.22rem;
                color: #777;
                text-align: center;
                span {
                    display: block;
                    &.se_btn_bom {
                        display: block;
                        font-size: 0.4rem;
                        margin-top: 0.15rem;
                        line-height: 0.5rem;
                        margin-bottom: 0.06rem;
                    }
                }
            }
        }
    }
    /*加入购物车*/
    .car_goods_bom {
        width: 100%;
        height: 3.2rem;
        background: #FFFFFF;
        z-index: 20;
        position: fixed;
        bottom: -4rem;
        left: 0;
        right: 0;
        .xiaoshi_car_wai {
            position: relative;
            .xiaoshi_car {
                display: block;
                width: 0.4rem;
                height: 0.4rem;
                font-size: 0.3rem;
                position: absolute;
                text-align: center;
                line-height: 0.4rem;
                top: -0.2rem;
                right: 0;
                border-radius: 50%;
                border: #CCCCCC;
                background: white;
                border: 2px solid #000000;
            }
        }
        .xx_car {
            width: 100%;
            height: 1.5rem;
            padding: 0.15rem;
            box-sizing: border-box;
            img {
                float: left;
                width: 1.25rem;
                height: 1.25rem;
            }
            section {
                float: left;
                width: 4.4rem;
                margin-left: 0.15rem;
                p {
                    height: 0.7rem;
                    width: 100%;
                    font-size: 0.24rem;
                    line-height: 0.35rem;
                    overflow: hidden;
                    margin-bottom: 0.05rem;
                    margin-top: 0.1rem;
                }
                h3 {
                    b {
                        float: left;
                        color: red;
                        font-size: 0.3rem;
                    }
                    span {
                        float: right;
                        font-size: 0.22rem;
                        color: #444;
                    }
                }
            }
        }
        .car_cao {
            width: 100%;
            height: 0.88rem;
            border-top: 1px solid #CCCCCC;
            line-height: 0.88rem;
            box-sizing: border-box;
            padding: 0 0.2rem;
            span {
                float: left;
                font-size: 0.3rem;
                line-height: 0.8rem;
                color: #444;
            }
            section {
                float: right;
                aside {
                    display: inline-block;
                    width: 0.5rem;
                    height: 0.4rem;
                    text-align: center;
                    line-height: 0.4rem;
                    font-size: 0.3rem;
                    float: left;
                    border: 1px solid #CCCCCC;
                    margin-top: 0.24rem;
                    &:first-child {
                        border-bottom-left-radius: 0.1rem;
                        border-top-left-radius: 0.1rem;
                        background: wheat;
                    }
                    &:last-child {
                        border-bottom-right-radius: 0.1rem;
                        border-top-right-radius: 0.1rem;
                        background: wheat;
                    }
                }
            }
        }
        .car_bom_btn {
            width: 100%;
            button {
                float: right;
                padding: 0.15rem 0.2rem;
                border: 1px solid #CCCCCC;
                text-align: center;
                line-height: 0.35rem;
                font-size: 0.25rem;
                margin-top: 0.12rem;
                color: white;
                font-weight: 500;
                &:first-child {
                    background: #ed5564;
                }
                &:last-child {
                    background: #fb6e52;
                }
            }
        }
    }
    .zhegai {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 19;
        display: none;
    }
    #car_btn {
        text-align: center;
        width: 100%;
    }
    /*购物车的布局*/
    .guang_car {
        width: 100%;
        height: 100%;
        h3 {
            width: 100%;
            font-size: 0.35rem;
            text-align: center;
            margin-top: 2rem;
        }
        a {
            display: block;
            width: 1.3rem;
            height: 0.5rem;
            border: 1px solid #CCCCCC;
            text-align: center;
            line-height: 0.5rem;
            font-size: 0.24rem;
            margin: 0.6rem auto;
        }
    }
    .car_top {
        width: 100%;
        height: 0.7rem;
        padding-top: 0.8rem;
        border-bottom: 1px solid #CCCCCC;
        display: flex;
        background: white;
        span {
            display: block;
            width: 0.3rem;
            height: 0.3rem;
            border-radius: 50%;
            border: 1px solid #CCCCCC;
            line-height: 0.3rem;
            font-size: 0.24rem;
            text-align: center;
            color: white;
            background: red;
            margin-left: 0.2rem;
            margin-top: 0.2rem;
        }
        i {
            font-size: 0.4rem;
            line-height: 0.75rem;
            margin-left: 0.2rem;
            font-weight: 400;
        }
        p {
            font-size: 0.26rem;
            font-weight: 400;
            line-height: 0.7rem;
            margin-left: 0.15rem;
        }
    }
    .car_top_bom {
        width: 100%;
        height: 0.5rem;
        border-bottom: 1px solid #CCCCCC;
        background: white;
        font-size: 0.24rem;
        line-height: 0.5rem;
        span {
            padding: 0rem 0.15rem;
            background: red;
            color: white;
            line-height: 0.5rem;
            margin-left: 0.2rem;
            margin-right: 0.2rem;
        }
    }
    .car_goods_list {
        width: 100%;
        height: 1.3rem;
        border-bottom: 1px solid #CCCCCC;
        position: relative;
        background: white;
        img {
            display: block;
            border: 1px solid #CCCCCC;
            width: 1.1rem;
            height: 1.1rem;
            margin-top: 0.1rem;
            margin-left: 0.6rem;
            border-radius: 0.1rem;
            overflow: hidden;
            float: left;
        }
        section {
            width: 3.7rem;
            float: left;
            padding-left: 0.1rem;
            p {
                line-height: 0.3rem;
                height: 0.6rem;
                line-height: 0.3rem;
                font-size: 0.2rem;
                margin-top: 0.1rem;
            }
            span {
                display: block;
                font-size: 0.26rem;
                line-height: 0.6rem;
                color: red;
            }
        }
        .car_ding {
            position: absolute;
            bottom: 0.2rem;
            right: 0.2rem;
            aside {
                display: inline-block;
                width: 0.5rem;
                height: 0.4rem;
                text-align: center;
                line-height: 0.4rem;
                font-size: 0.3rem;
                float: left;
                border: 1px solid #CCCCCC;
                margin-top: 0.24rem;
                &:first-child {
                    border-bottom-left-radius: 0.1rem;
                    border-top-left-radius: 0.1rem;
                    background: wheat;
                }
                &:last-child {
                    border-bottom-right-radius: 0.1rem;
                    border-top-right-radius: 0.1rem;
                    background: wheat;
                }
            }
        }
        .car_btn_l {
            display: block;
            width: 0.3rem;
            height: 0.3rem;
            border-radius: 50%;
            border: 1px solid #CCCCCC;
            line-height: 0.3rem;
            font-size: 0.24rem;
            text-align: center;
            color: white;
            background: red;
            position: absolute;
            left: 0.15rem;
            top: 0.5rem;
        }
        .shanicon {
            position: absolute;
            top: 0.2rem;
            right: 0.3rem;
            font-size: 0.3rem;
        }
    }
    .car_footer {
        width: 100%;
        position: fixed;
        height: 0.8rem;
        bottom: 0;
        background: white;
        left: 0;
        z-index: 20;
        display: flex;
        justify-content: space-between;
        span {
            display: block;
            width: 0.3rem;
            height: 0.3rem;
            border-radius: 50%;
            border: 1px solid #CCCCCC;
            line-height: 0.3rem;
            font-size: 0.24rem;
            text-align: center;
            color: white;
            background: red;
            margin-left: 0.2rem;
            margin-top: 0.2rem;
        }
        div{
            line-height: 0.8rem;
            font-size: 0.2rem;
        }
        b{
            font-size: 0.3rem;
            color: #ed5564;
            line-height: 0.8rem;
        }
        button{
            height: 100%;
            width: 1.6rem;
            background: #ed5564;
            color: white;
            line-height: 0.8rem;
            text-align: center;
            font-size: 0.3rem;
        }
    }
    .car_goods_zhong {
        padding-bottom: 0.8rem;
        
    }
}